.body_collect {
    .navConBox{
        height: 56px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #DDE2E8;
        width: 100%;
        li{
            height:55px;
            line-height:55px;
            float: left;
            display: inline-block;
            width:78px;
            text-align: center;
            margin-left:20px;
            cursor: pointer;
            &:hover{
                color: #4C4E54;
                border-bottom: 2px solid #FFC800;
            }
           a {
                font-size: 16px;
                color: #8EA6BD;
                display: block;
                &.current{
                    color: #4C4E54;
                    border-bottom: 2px solid #FFC800;
                }
            }
        }
    }
	
	.listBox{
        .searchBox{
            height:30px;
            padding:17px 25px;
            background: #fff;
            font-size: 14px;
            color: #4C4E54;
            border-bottom: 1px solid #DDE2E8;
            #search_input{
                width:280px;
                height:24px;
                line-height:24px;
                padding-left:1%;
                border: 1px solid #DDE2E8;
            }
            .searchBtn{
                display:inline-block;
                margin-left:50px;
                height: 30px;
                line-height: 30px;
                background-color: #FFD600;
                border-radius: 2px;
                width:100px;
                text-align: center;
                color:#333;
                cursor: pointer;

            }
        }   
	    .list_content {
	    	clear:both;
	        padding: 36px 25px;
	        background: #fff;
	        #collect_table {
	            width: 100%;
	            border-collapse: collapse;
	            border: 1px solid #DDE2E8;
	            border-radius: 2px;
	            .loadingBox {
	                margin:200px auto;
	            }
	            tbody {
	                width: 100%;
	                text-align: center;
	                tr {
                    	height:30px;
                    	text-align:left;
                        border-bottom: 1px solid rgba(78,84,108,0.1);
                        width: 100%;
                        &:hover {
                            background: rgba(78,84,108,0.04);
                        }
	                    th {
	                        padding-left:10px;
	                        text-align: left;
	                        height:30px;
	                        background-color: #F7F8FA;
	                        color: #4C4E54;
	                        font-size: 15px;
	                        font-weight:500;                                              
	                    }
	                    td {
	                    	height: 35px;
	                    	white-space: nowrap;
	                    	padding-left:10px;
			             	overflow: hidden;
							text-overflow: ellipsis;
	                        text-align: left;
	                        font-size: 15px;
	                        color: #8EA6BD;
	                        &:first-child {
	                            width:30%;
	                            max-width: 300px;
                            	position:relative;
	                            a {
	                                cursor: pointer;
	                                color: #4C4E54;
		                            width:97%;
	                                display: block;
	                                white-space: nowrap;
	                        		overflow: hidden;
	                        		text-overflow: ellipsis;
	                                &:visited {
	                                    color: #86698C;
	                                }
	                            }  
	                        }
	                        &:nth-child(2) {
	                       	 	width: 15%;
	                       	 	max-width:120px;
	                        }
	                        &:nth-child(3) {
	                            width: 15%;
	                            max-width:120px;
	                        }
	                        &:nth-child(4) {
	                            width:12%;
	                        }
	                        &:nth-child(5) {
	                            width: 5%;
	                            &.red{
									color:#F44336;
								}
								&.green{
									color:#98DD35;
								}
	                        }
	                        &:nth-child(6) {
	                            width: 8%;
	                            font-size: 20px;
	                            color:#FFC800;                            
	                        }                            
	                        &:nth-child(7) {
	                            width: 8%;
	                            a{
	                                color:#8EA6BD;
	                            }                           
	                            &.collect{
	                                cursor: pointer;
	                                &:hover{
	                                    text-decoration:underline;
	                                }                                   
	                            }   
	                        }                    
	                    }
	                }
	            }
	        }
	    }
	
	}
}